<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>堆糖</title>
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css.style/style.css">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
</head>
<body>
<div id="toTop"><i class="fa fa-arrow-up" aria-hidden="true"></i></div>


<div class="header">
    <div class="container">
        <nav class="navbar navbar-expand-lg navbar-light ">
            <a class="navbar-brand" href="#"><h2 style="color:#ff7e7e;">堆糖</h2></a>
            <button id="btnGroupDrop1"style="border: 1px solid #cccccc;border-radius: 15px" type="button" class="btn  dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                分类
            </button>

            <div class="input-group col-md-6">
                <input style="border-top-left-radius: 20px;border-bottom-left-radius: 20px;border: 1px solid #ff7e7e" type="text" class="form-control " placeholder="搜索你感兴趣的内容" aria-label="Recipient's username" aria-describedby="button-addon2">
                <div class="input-group-append">
                    <button class="btn " style="border-bottom-right-radius: 20px;background-color:#ff7e7e;;border-top-right-radius: 20px;border: 1px solid #ff7e7e;padding: 0 20px;" type="button" id="button-addon2">
                        <img src="images/5cf462d7d4d4b25841_06.png" alt="" style="width: 25px"></button>
                </div>
            </div>
            <div class="col-md-3 col-6 text-center">
                <a href="" style="color:#777777;text-decoration: none">堆糖生活家</a>
            </div>
            <div class="col-md-2 col-6 ">
                <a href="" style="color:#777777;text-decoration: none">注册/登录</a>
            </div>
        </nav>
    </div>
</div>



<div class="tw" >
    <div class="c" style="float: left;padding: 10px;">
        <a href="" style="text-decoration: none"><span style="color:#ffffff;">美妆造型</span></a><br>
        <a href="" style="text-decoration: none"><span style="color:#ffffff;">影音书籍</span></a><br>
        <a href="" style="text-decoration: none"><span style="color:#ffffff;">搞笑萌宠</span></a><br>
        <a href="" style="text-decoration: none"><span style="color:#ffffff;">壁纸</span></a>
    </div>
    <div class="c" style="float: left;padding: 10px;">
        <a href="" style="text-decoration: none"><span style="color:#ffffff;">美妆造型</span></a><br>
        <a href="" style="text-decoration: none"><span style="color:#ffffff;">影音书籍</span></a><br>
        <a href="" style="text-decoration: none"><span style="color:#ffffff;">搞笑萌宠</span></a><br>
        <a href="" style="text-decoration: none"><span style="color:#ffffff;">壁纸</span></a>
    </div>
    <div class="c" style="float: left;padding: 10px;">
        <a href="" style="text-decoration: none"><span style="color:#ffffff;">美妆造型</span></a><br>
        <a href="" style="text-decoration: none"><span style="color:#ffffff;">影音书籍</span></a><br>
        <a href="" style="text-decoration: none"><span style="color:#ffffff;">搞笑萌宠</span></a><br>
        <a href="" style="text-decoration: none"><span style="color:#ffffff;">壁纸</span></a>
    </div>
    <div class="c" style="padding: 10px;">
        <a href="" style="text-decoration: none"><span style="color:#ffffff;">美妆造型</span></a><br>
        <a href="" style="text-decoration: none"><span style="color:#ffffff;">影音书籍</span></a><br>
        <a href="" style="text-decoration: none"><span style="color:#ffffff;">搞笑萌宠</span></a><br>
        <a href="" style="text-decoration: none"><span style="color:#ffffff;">壁纸</span></a>
    </div>
</div>





<div class="banner1">
    <div class="container">
        <img src="images/banner1_03.gif" alt="" style="width: 100%;margin-top: 49px" class="yz1">
        <img src="images/erweima_13.gif" alt="" class="erweima">
    </div>
</div>
<div class="banner2">
    <div class="container">
        <div class="row" style="margin: 0;padding: 0">
            <div class="left col-md-9" style="padding: 0">
                <img src="images/woxihuan_03.gif" alt="" style="width: 100%">
            </div>
            <div class="right col-md-3" style="">
                <div class="right1" style="padding: 0">
                    <h2 style="font-weight: bold;font-size: 25px;padding: 19px 0 10px 0;margin-left:20px;border-bottom: 1px solid #cccccc;">社区热点</h2>
                </div>

                <div class="right2">
                    <div class="td"><a href="">欧美风</a></div>
                    <div class="td"><a href="">美甲</a></div>
                    <div class="td"><a href="">东宫</a></div>
                    <div class="td"><a href="">张云雷</a></div>
                    <div class="td"><a href="">插画</a></div>
                    <div class="td"><a href="">女生节</a></div>
                    <div class="td td1"><a href="">阿丽塔</a></div>
                    <div class="td td1 tt"><a href="">猫</a></div>
                </div>

                <div class="right3" style="position: relative">
                    <div class="right3-1">
                        <a href="" style="border: 1px solid #ff7e7e;background:#ff7e7e;padding:7px 5px 6px 12px;margin-left: 20px;text-decoration: none;border-top-left-radius: 20px;border-bottom-left-radius: 20px"><span style="color: #ffffff;font-size: 14px">精选</span></a>
                        <a href="" style="position: absolute;left: 66px;top: 14px; border: 1px solid #cccccc;text-decoration: none;padding:6px 12px 3px 12px;border-top-right-radius: 20px;border-bottom-right-radius: 20px"><span style="color:#867d72;font-size: 14px;">招募●少女感养成…</span></a>
                    </div>
                    <div class="right3-1">
                        <a href="" style="border: 1px solid #ff7e7e;background:#ff7e7e;padding:7px 5px 6px 12px;margin-left: 20px;text-decoration: none;border-top-left-radius: 20px;border-bottom-left-radius: 20px"><span style="color: #ffffff;font-size: 14px">精选</span></a>
                        <a href="" style="position: absolute;left: 66px;top: 58px; border: 1px solid #cccccc;text-decoration: none;padding:6px 12px 3px 12px;border-top-right-radius: 20px;border-bottom-right-radius: 20px"><span style="color:#867d72;font-size: 14px;">招募●少女感养成…</span></a>
                    </div>
                </div>
                <div class="right4">
                    <img src="images/aiya_09.gif" alt="" style="display: inline-block;float:left;">
                    <span class="sp1">
                        糖堆-美好生活研究
                    </span><br>
                    <span class="sp2">最佳生活类应用</span><br>
                    <a href="" style="text-decoration: none;" class="jj">立即下载</a>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="warsper">
    <div class="container">
        <div class="row">
            <div class="left col-md-2">
                <div class="row">
                    <div class="col-6 col-md-12">
                        <p class="p1">每日精选</p>
                    </div>
                    <div class="col-6 col-md-12">
                        <p class="p2">每日精选</p>
                    </div>
                </div>

            </div>


            <div class="center col-md-7">
                <div class="center1">
                    <div class="center1-top">
                        <img src="images/center1tubiao_03.gif" alt="" style="display: inline-block;float: left" class="tubiao">
                        <span class="sp1" style="padding-left: 10px;padding-top: 30px;display: inline-block">堆糖小喇叭</span><br>
                        <span class="sp2" style="color: #cccccc;font-size: 19px;padding-left: 10px">热门内容</span>
                        <p style="padding-left: 25px;padding-top: 22px;font-size: 17px;">留下壁纸，我们就是朋友！</p>
                    </div>
                    <div class="center1-center">
                        <img src="images/yz-1_03.gif" alt="" class="tupian">
                        <div class="uu" >
                            <a href="" style="text-decoration: none">
                                <img src="images/xiao-1_03.png" alt="">
                                <span class="x-1">堆糖小喇叭</span>
                            </a>
                        </div>
                        <div class="yy">
                            <a href="" style="text-decoration: none">
                                <img src="images/wz1_06.gif" alt="" style="padding-left: 5px">
                                <span class="x-1">文章</span>
                            </a>

                        </div>
                    </div>
                    <div class="center1-bottom">
                        <div class="yi">
                            <a href="">
                                <img src="images/jia_07.gif" alt="">
                                <span>140</span>
                            </a>

                        </div>
                        <div class="er">
                            <a href="">
                                <img src="images/xing_09.gif" alt="">
                                <span>219</span>
                            </a>
                        </div>
                        <div class="san">
                            <a href="">
                                <span>… 更多</span>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="center1">
                    <div class="center1-top">
                        <img src="images/center2-tubiao_03.gif" alt="" style="display: inline-block;float: left" class="tubiao">
                        <span class="sp1" style="padding-left: 10px;padding-top: 30px;display: inline-block">coloroom彩条屋</span><br>
                        <span class="sp2" style="color: #cccccc;font-size: 19px;padding-left: 10px">热门内容</span>
                        <p style="padding-left: 25px;padding-top: 22px;font-size: 17px;">让观众苦等十年的《夏人有账目》，到底是什么？</p>
                    </div>
                    <div class="center1-center">
                        <img src="images/yz-2_06.gif" alt="" class="tupian" style="">
                        <div class="uu" >
                            <a href="" style="text-decoration: none">
                                <img src="images/center2-tubiao_03.gif" alt="" style="border-radius: 50%;width: 32px">
                                <span class="x-1">coloroom彩条屋</span>
                            </a>
                        </div>
                        <div class="yy">
                            <a href="" style="text-decoration: none">
                                <img src="images/wz1_06.gif" alt="" style="padding-left: 5px">
                                <span class="x-1">文章</span>
                            </a>

                        </div>
                    </div>
                    <div class="center1-bottom">
                        <div class="yi">
                            <a href="">
                                <img src="images/jia_07.gif" alt="">
                                <span>1228</span>
                            </a>

                        </div>
                        <div class="er">
                            <a href="">
                                <img src="images/xing_09.gif" alt="">
                                <span>1581</span>
                            </a>
                        </div>
                        <div class="san">
                            <a href="">
                                <span>… 更多</span>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="center1">
                    <div class="center1-top">
                        <img src="images/center3-tubiao_10.gif" alt="" style="display: inline-block;float: left" class="tubiao">
                        <span class="sp1" style="padding-left: 10px;padding-top: 30px;display: inline-block">美少女PINK酱</span><br>
                        <span class="sp2" style="color: #cccccc;font-size: 19px;padding-left: 10px">热门内容</span>
                        <p style="padding-left: 25px;padding-top: 22px;font-size: 17px;">9.9包邮发宿舍神器，好用死了！联查寝老师都跟我要链接！</p>
                    </div>
                    <div class="center1-center">
                        <img src="images/yz-3_08.gif" alt="" class="tupian" style="">
                        <div class="uu" >
                            <a href="" style="text-decoration: none">
                                <img src="images/center3-tubiao_10.gif" alt="" style="border-radius: 50%;width: 32px">
                                <span class="x-1">美少女PINK酱</span>
                            </a>
                        </div>
                        <div class="yy">
                            <a href="" style="text-decoration: none">
                                <img src="images/wz1_06.gif" alt="" style="padding-left: 5px">
                                <span class="x-1">文章</span>
                            </a>

                        </div>
                    </div>
                    <div class="center1-bottom">
                        <div class="yi">
                            <a href="">
                                <img src="images/jia_07.gif" alt="">
                                <span>161</span>
                            </a>

                        </div>
                        <div class="er">
                            <a href="">
                                <img src="images/xing_09.gif" alt="">
                                <span>769</span>
                            </a>
                        </div>
                        <div class="san">
                            <a href="">
                                <span>… 更多</span>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="center1">
                    <div class="center1-top">
                        <img src="images/center4-tubiao_15.gif" alt="" style="display: inline-block;float: left" class="tubiao">
                        <span class="sp1" style="padding-left: 10px;padding-top: 30px;display: inline-block">-你是我全世界最喜欢的猪-</span><br>
                        <span class="sp2" style="color: #cccccc;font-size: 19px;padding-left: 10px">热门内容</span>
                        <p style="padding-left: 25px;padding-top: 22px;font-size: 17px;">有哪些适合摘抄的文艺且悲凉的句子？</p>
                    </div>
                    <div class="center1-center">
                        <img src="images/center4-tupian_19.gif" alt="" class="tupian" style="">
                    </div>
                    <div class="center1-bottom">
                        <div class="yi">
                            <a href="">
                                <img src="images/jia_07.gif" alt="">
                                <span>82</span>
                            </a>

                        </div>
                        <div class="er">
                            <a href="">
                                <img src="images/xing_09.gif" alt="">
                                <span>274</span>
                            </a>
                        </div>
                        <div class="san">
                            <a href="">
                                <span>… 更多</span>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="center1">
                    <div class="center1-top">
                        <img src="images/center5-tubiao_03.gif" alt="" style="display: inline-block;float: left" class="tubiao">
                        <span class="sp1" style="padding-left: 10px;padding-top: 30px;display: inline-block">干脆面炼金术士</span><br>
                        <span class="sp2" style="color: #cccccc;font-size: 19px;padding-left: 10px">热门内容</span>
                        <p style="padding-left: 25px;padding-top: 22px;font-size: 17px;">人生的意义，在于一天比一天活得快乐</p>
                    </div>
                    <div class="center1-center">
                        <img src="images/yz-5_10.gif" alt="" class="tupian" style="">
                        <div class="uu" >
                            <a href="" style="text-decoration: none">
                                <img src="images/center5-tubiao_03.gif" alt="" style="border-radius: 50%;width: 32px">
                                <span class="x-1">干脆面炼金术士</span>
                            </a>
                        </div>
                        <div class="yy">
                            <a href="" style="text-decoration: none">
                                <img src="images/wz1_06.gif" alt="" style="padding-left: 5px">
                                <span class="x-1">文章</span>
                            </a>

                        </div>
                    </div>
                    <div class="center1-bottom">
                        <div class="yi">
                            <a href="">
                                <img src="images/jia_07.gif" alt="">
                                <span>54</span>
                            </a>

                        </div>
                        <div class="er">
                            <a href="">
                                <img src="images/xing_09.gif" alt="">
                                <span>104</span>
                            </a>
                        </div>
                        <div class="san">
                            <a href="">
                                <span>… 更多</span>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="center1">
                    <div class="center1-top">
                        <img src="images/center6-tubiao_03.gif" alt="" style="display: inline-block;float: left" class="tubiao">
                        <span class="sp1" style="padding-left: 10px;padding-top: 30px;display: inline-block">堆糖小喇叭</span><br>
                        <span class="sp2" style="color: #cccccc;font-size: 19px;padding-left: 10px">主题-我曾为你动过情</span>
                        <p style="padding-left: 25px;padding-top: 22px;font-size: 17px;">我曾为你动过情</p>
                    </div>
                    <div class="center1-center">
                        <img src="images/yz-6_12.gif" alt="" class="tupian" style="">
                        <div class="uu" >
                            <a href="" style="text-decoration: none">
                                <img src="images/center6-tubiao_03.gif" alt="" style="border-radius: 50%;width: 32px">
                                <span class="x-1">堆糖小喇叭</span>
                            </a>
                        </div>
                        <div class="yy">
                            <a href="" style="text-decoration: none">
                                <img src="images/wz1_06.gif" alt="" style="padding-left: 5px">
                                <span class="x-1">文章</span>
                            </a>

                        </div>
                    </div>
                    <div class="center1-bottom">
                        <div class="yi">
                            <a href="">
                                <img src="images/jia_07.gif" alt="">
                                <span>300</span>
                            </a>

                        </div>
                        <div class="er">
                            <a href="">
                                <img src="images/xing_09.gif" alt="">
                                <span>665</span>
                            </a>
                        </div>
                        <div class="san">
                            <a href="">
                                <span>… 更多</span>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="center1">
                    <div class="center1-top">
                        <img src="images/center7-图标_09.gif" alt="" style="display: inline-block;float: left" class="tubiao">
                        <span class="sp1" style="padding-left: 10px;padding-top: 30px;display: inline-block">-你是我全世界最喜欢的猪-</span><br>
                        <span class="sp2" style="color: #cccccc;font-size: 19px;padding-left: 10px">热门内容</span>
                        <p style="padding-left: 25px;padding-top: 22px;font-size: 17px;">登上79所高校学生借阅排行榜的九本书。</p>
                    </div>
                    <div class="center1-center">
                        <img src="images/center7-tupian_12.gif" alt="" class="tupian" style="">
                    </div>
                    <div class="center1-bottom">
                        <div class="yi">
                            <a href="">
                                <img src="images/jia_07.gif" alt="">
                                <span>59</span>
                            </a>

                        </div>
                        <div class="er">
                            <a href="">
                                <img src="images/xing_09.gif" alt="">
                                <span>151</span>
                            </a>
                        </div>
                        <div class="san">
                            <a href="">
                                <span>… 更多</span>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="center1">
                    <div class="center1-top">
                        <img src="images/center8-图标_14.gif" alt="" style="display: inline-block;float: left" class="tubiao">
                        <span class="sp1" style="padding-left: 10px;padding-top: 30px;display: inline-block">情写风月</span><br>
                        <span class="sp2" style="color: #cccccc;font-size: 19px;padding-left: 10px">热门内容</span>
                        <p style="padding-left: 25px;padding-top: 22px;font-size: 17px;">799风景内测美化包</p>
                    </div>
                    <div class="center1-center">
                        <img src="images/yz-8_14.gif" alt="" class="tupian" style="">
                        <div class="uu" >
                            <a href="" style="text-decoration: none">
                                <img src="images/center8-图标_14.gif" alt="" style="border-radius: 50%;width: 32px">
                                <span class="x-1">情写风月</span>
                            </a>
                        </div>
                        <div class="yy">
                            <a href="" style="text-decoration: none">
                                <img src="images/wz1_06.gif" alt="" style="padding-left: 5px">
                                <span class="x-1">文章</span>
                            </a>

                        </div>
                    </div>
                    <div class="center1-bottom">
                        <div class="yi">
                            <a href="">
                                <img src="images/jia_07.gif" alt="">
                                <span>35</span>
                            </a>

                        </div>
                        <div class="er">
                            <a href="">
                                <img src="images/xing_09.gif" alt="">
                                <span>22</span>
                            </a>
                        </div>
                        <div class="san">
                            <a href="">
                                <span>… 更多</span>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="center1">
                    <div class="center1-top">
                        <img src="images/center9-图片_19.gif" alt="" style="display: inline-block;float: left" class="tubiao">
                        <span class="sp1" style="padding-left: 10px;padding-top: 30px;display: inline-block">审</span><br>
                        <span class="sp2" style="color: #cccccc;font-size: 19px;padding-left: 10px">热门内容</span>
                        <p style="padding-left: 25px;padding-top: 22px;font-size: 17px;">火影你们粉谁 留名我去截头像！</p>
                    </div>
                    <div class="center1-center">
                        <img src="images/center9-图片_22.gif" alt="" class="tupian" style="">
                    </div>
                    <div class="center1-bottom">
                        <div class="yi">
                            <a href="">
                                <img src="images/jia_07.gif" alt="">
                                <span>0</span>
                            </a>

                        </div>
                        <div class="er">
                            <a href="">
                                <img src="images/xing_09.gif" alt="">
                                <span>1</span>
                            </a>
                        </div>
                        <div class="san">
                            <a href="">
                                <span>… 更多</span>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="center1">
                    <div class="center1-top">
                        <img src="images/center3-tubiao_10.gif" alt="" style="display: inline-block;float: left" class="tubiao">
                        <span class="sp1" style="padding-left: 10px;padding-top: 30px;display: inline-block">美少女PINK酱</span><br>
                        <span class="sp2" style="color: #cccccc;font-size: 19px;padding-left: 10px">热门内容</span>
                        <p style="padding-left: 25px;padding-top: 22px;font-size: 17px;">初春外套美炸天！！第一件闺蜜追着我要链接！！</p>
                    </div>
                    <div class="center1-center">
                        <img src="images/yz-10_16.gif" alt="" class="tupian" style="">
                        <div class="uu" >
                            <a href="" style="text-decoration: none">
                                <img src="images/center3-tubiao_10.gif" alt="" style="border-radius: 50%;width: 32px">
                                <span class="x-1">美少女PINK酱</span>
                            </a>
                        </div>
                        <div class="yy">
                            <a href="" style="text-decoration: none">
                                <img src="images/wz1_06.gif" alt="" style="padding-left: 5px">
                                <span class="x-1">文章</span>
                            </a>

                        </div>
                    </div>
                    <div class="center1-bottom">
                        <div class="yi">
                            <a href="">
                                <img src="images/jia_07.gif" alt="">
                                <span>57</span>
                            </a>

                        </div>
                        <div class="er">
                            <a href="">
                                <img src="images/xing_09.gif" alt="">
                                <span>126</span>
                            </a>
                        </div>
                        <div class="san">
                            <a href="">
                                <span>… 更多</span>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="center1">
                    <div class="center1-top">
                        <img src="images/center11-图标_26.gif" alt="" style="display: inline-block;float: left" class="tubiao">
                        <span class="sp1" style="padding-left: 10px;padding-top: 30px;display: inline-block">少女养成学院</span><br>
                        <span class="sp2" style="color: #cccccc;font-size: 19px;padding-left: 10px">热门内容</span>
                        <p style="padding-left: 25px;padding-top: 22px;font-size: 17px;">同桌的你</p>
                    </div>
                    <div class="center1-center">
                        <img src="images/yz-11_18.gif" alt="" class="tupian" style="">
                        <div class="uu" >
                            <a href="" style="text-decoration: none">
                                <img src="images/center11-图标_26.gif" alt="" style="border-radius: 50%;width: 32px">
                                <span class="x-1">少女养成学院</span>
                            </a>
                        </div>
                        <div class="yy">
                            <a href="" style="text-decoration: none">
                                <img src="images/wz1_06.gif" alt="" style="padding-left: 5px">
                                <span class="x-1">文章</span>
                            </a>

                        </div>
                    </div>
                    <div class="center1-bottom">
                        <div class="yi">
                            <a href="">
                                <img src="images/jia_07.gif" alt="">
                                <span>89</span>
                            </a>

                        </div>
                        <div class="er">
                            <a href="">
                                <img src="images/xing_09.gif" alt="">
                                <span>106</span>
                            </a>
                        </div>
                        <div class="san">
                            <a href="">
                                <span>… 更多</span>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="center1">
                    <div class="center1-top">
                        <img src="images/center6-tubiao_03.gif" alt="" style="display: inline-block;float: left" class="tubiao">
                        <span class="sp1" style="padding-left: 10px;padding-top: 30px;display: inline-block">堆糖小喇叭</span><br>
                        <span class="sp2" style="color: #cccccc;font-size: 19px;padding-left: 10px">热门内容</span>
                        <p style="padding-left: 25px;padding-top: 22px;font-size: 17px;">我的CP真香</p>
                    </div>
                    <div class="center1-center">
                        <img src="images/yz-12_20.gif" alt="" class="tupian" style="">
                        <div class="uu" >
                            <a href="" style="text-decoration: none">
                                <img src="images/center6-tubiao_03.gif" alt="" style="border-radius: 50%;width: 32px">
                                <span class="x-1">堆糖小喇叭</span>
                            </a>
                        </div>
                        <div class="yy">
                            <a href="" style="text-decoration: none">
                                <img src="images/wz1_06.gif" alt="" style="padding-left: 5px">
                                <span class="x-1">文章</span>
                            </a>

                        </div>
                    </div>
                    <div class="center1-bottom">
                        <div class="yi">
                            <a href="">
                                <img src="images/jia_07.gif" alt="">
                                <span>91</span>
                            </a>

                        </div>
                        <div class="er">
                            <a href="">
                                <img src="images/xing_09.gif" alt="">
                                <span>107</span>
                            </a>
                        </div>
                        <div class="san">
                            <a href="">
                                <span>… 更多</span>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="center1">
                    <div class="center1-top">
                        <img src="images/center13-tubiao_33.gif" alt="" style="display: inline-block;float: left" class="tubiao">
                        <span class="sp1" style="padding-left: 10px;padding-top: 30px;display: inline-block">白日做梦大熊</span><br>
                        <span class="sp2" style="color: #cccccc;font-size: 19px;padding-left: 10px">热门内容</span>
                        <p style="padding-left: 25px;padding-top: 22px;font-size: 17px;">当女生也太太太太不容易了</p>
                    </div>
                    <div class="center1-center">
                        <img src="images/yz-13_22.gif" alt="" class="tupian" style="">
                        <div class="uu" >
                            <a href="" style="text-decoration: none">
                                <img src="images/center13-tubiao_33.gif" alt="" style="border-radius: 50%;width: 32px">
                                <span class="x-1">白日做梦大熊</span>
                            </a>
                        </div>
                        <div class="yy">
                            <a href="" style="text-decoration: none">
                                <img src="images/wz1_06.gif" alt="" style="padding-left: 5px">
                                <span class="x-1">文章</span>
                            </a>

                        </div>
                    </div>
                    <div class="center1-bottom">
                        <div class="yi">
                            <a href="">
                                <img src="images/jia_07.gif" alt="">
                                <span>78</span>
                            </a>

                        </div>
                        <div class="er">
                            <a href="">
                                <img src="images/xing_09.gif" alt="">
                                <span>76</span>
                            </a>
                        </div>
                        <div class="san">
                            <a href="">
                                <span>… 更多</span>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="center1">
                    <div class="center1-top">
                        <img src="images/center7-图标_09.gif" alt="" style="display: inline-block;float: left" class="tubiao">
                        <span class="sp1" style="padding-left: 10px;padding-top: 30px;display: inline-block">-你是我全世界最喜欢的猪-</span><br>
                        <span class="sp2" style="color: #cccccc;font-size: 19px;padding-left: 10px">热门内容</span>
                        <p style="padding-left: 25px;padding-top: 22px;font-size: 17px;">有哪些好看 值得回味的爱情电影？</p>
                    </div>
                    <div class="center1-center">
                        <img src="images/center14-图片_38.gif" alt="" class="tupian" style="">
                    </div>
                    <div class="center1-bottom">
                        <div class="yi">
                            <a href="">
                                <img src="images/jia_07.gif" alt="">
                                <span>80</span>
                            </a>

                        </div>
                        <div class="er">
                            <a href="">
                                <img src="images/xing_09.gif" alt="">
                                <span>293</span>
                            </a>
                        </div>
                        <div class="san">
                            <a href="">
                                <span>… 更多</span>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="center1">
                    <div class="center1-top">
                        <img src="images/center15-图标_41.gif" alt="" style="display: inline-block;float: left" class="tubiao">
                        <span class="sp1" style="padding-left: 10px;padding-top: 30px;display: inline-block">堆糖Class小助手</span><br>
                        <span class="sp2" style="color: #cccccc;font-size: 19px;padding-left: 10px">热门内容</span>
                        <p style="padding-left: 25px;padding-top: 22px;font-size: 17px;">伴随一生[少女感]，拥有它一点也不难</p>
                    </div>
                    <div class="center1-center">
                        <img src="images/yz-15_24.gif" alt="" class="tupian" style="">
                        <div class="uu" >
                            <a href="" style="text-decoration: none">
                                <img src="images/center15-图标_41.gif" alt="" style="border-radius: 50%;width: 32px">
                                <span class="x-1">堆糖Class小助手</span>
                            </a>
                        </div>
                        <div class="yy">
                            <a href="" style="text-decoration: none">
                                <img src="images/wz1_06.gif" alt="" style="padding-left: 5px">
                                <span class="x-1">文章</span>
                            </a>

                        </div>
                    </div>
                    <div class="center1-bottom">
                        <div class="yi">
                            <a href="">
                                <img src="images/jia_07.gif" alt="">
                                <span>34</span>
                            </a>

                        </div>
                        <div class="er">
                            <a href="">
                                <img src="images/xing_09.gif" alt="">
                                <span>41</span>
                            </a>
                        </div>
                        <div class="san">
                            <a href="">
                                <span>… 更多</span>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="center1">
                    <div class="center1-top">
                        <img src="images/center-16_47.gif" alt="" style="display: inline-block;float: left" class="tubiao">
                        <span class="sp1" style="padding-left: 10px;padding-top: 30px;display: inline-block">飞乐鸟</span><br>
                        <span class="sp2" style="color: #cccccc;font-size: 19px;padding-left: 10px">热门内容</span>
                        <p style="padding-left: 25px;padding-top: 22px;font-size: 17px;">女生千万别看这些言情小说……不然会被里面的沙雕桥段给</p>
                    </div>
                    <div class="center1-center">
                        <img src="images/yz-16_26.gif" alt="" class="tupian" style="">
                        <div class="uu" >
                            <a href="" style="text-decoration: none">
                                <img src="images/center-16_47.gif" alt="" style="border-radius: 50%;width: 32px">
                                <span class="x-1">飞乐鸟</span>
                            </a>
                        </div>
                        <div class="yy">
                            <a href="" style="text-decoration: none">
                                <img src="images/wz1_06.gif" alt="" style="padding-left: 5px">
                                <span class="x-1">文章</span>
                            </a>

                        </div>
                    </div>
                    <div class="center1-bottom">
                        <div class="yi">
                            <a href="">
                                <img src="images/jia_07.gif" alt="">
                                <span>68</span>
                            </a>

                        </div>
                        <div class="er">
                            <a href="">
                                <img src="images/xing_09.gif" alt="">
                                <span>63</span>
                            </a>
                        </div>
                        <div class="san">
                            <a href="">
                                <span>… 更多</span>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="center1">
                    <div class="center1-top">
                        <img src="images/center3-tubiao_10.gif" alt="" style="display: inline-block;float: left" class="tubiao">
                        <span class="sp1" style="padding-left: 10px;padding-top: 30px;display: inline-block">美少女PINK酱</span><br>
                        <span class="sp2" style="color: #cccccc;font-size: 19px;padding-left: 10px">热门内容</span>
                        <p style="padding-left: 25px;padding-top: 22px;font-size: 17px;">7个私藏的小众APP，实用又有bigger,用过三款算我输！</p>
                    </div>
                    <div class="center1-center">
                        <img src="images/yz-17_28.gif" alt="" class="tupian" style="">
                        <div class="uu" >
                            <a href="" style="text-decoration: none">
                                <img src="images/center3-tubiao_10.gif" alt="" style="border-radius: 50%;width: 32px">
                                <span class="x-1">美少女PINK酱</span>
                            </a>
                        </div>
                        <div class="yy">
                            <a href="" style="text-decoration: none">
                                <img src="images/wz1_06.gif" alt="" style="padding-left: 5px">
                                <span class="x-1">文章</span>
                            </a>

                        </div>
                    </div>
                    <div class="center1-bottom">
                        <div class="yi">
                            <a href="">
                                <img src="images/jia_07.gif" alt="">
                                <span>139</span>
                            </a>

                        </div>
                        <div class="er">
                            <a href="">
                                <img src="images/xing_09.gif" alt="">
                                <span>416</span>
                            </a>
                        </div>
                        <div class="san">
                            <a href="">
                                <span>… 更多</span>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="center1">
                    <div class="center1-top">
                        <img src="images/center4-tubiao_15.gif" alt="" style="display: inline-block;float: left" class="tubiao">
                        <span class="sp1" style="padding-left: 10px;padding-top: 30px;display: inline-block">-你是我全世界最喜欢的猪-</span><br>
                        <span class="sp2" style="color: #cccccc;font-size: 19px;padding-left: 10px">热门内容</span>
                        <p style="padding-left: 25px;padding-top: 22px;font-size: 20px;">中国最全的拨弦击弦乐器合集种类十分多涨姿势了。</p>
                    </div>
                    <div class="center1-center">
                        <img src="images/center18-图片_54.gif" alt="" class="tupian" style="">
                    </div>
                    <div class="center1-bottom">
                        <div class="yi">
                            <a href="">
                                <img src="images/jia_07.gif" alt="">
                                <span>42</span>
                            </a>

                        </div>
                        <div class="er">
                            <a href="">
                                <img src="images/xing_09.gif" alt="">
                                <span>71</span>
                            </a>
                        </div>
                        <div class="san">
                            <a href="">
                                <span>… 更多</span>
                            </a>
                        </div>
                    </div>
                </div>
                <a href="" class="chan">查看更多 ﹀</a>
            </div>

            <div class="right col-md-3">
                <div class="right-1" style="border: 1px solid #cccccc;">
                    <div class="youbian1" style="border-bottom: 1px solid #cccccc">
                        <h4 style="display: inline-block;font-weight: bold;padding-top: 18px;padding-left: 18px">推荐关注</h4>
                        <a href="" style="padding-left: 75px;color:#ff7e7e;">换一批</a>
                    </div>
                    <div class="youbian2">
                        <div class="youbian2-1" style="padding-top: 17px;">
                            <img src="images/you2-1_03.gif" alt="" style="float: left;padding-left: 18px">
                            <span style="padding-left: 5px;display: inline-block;font-size: 12px;color:#444444;">一望损莓苔</span><br>
                            <span style="padding-left: 5px;display: inline-block;font-size: 12px;color:#777777;">擅长领域手工，园艺</span>
                            <a href="" style="background:#ff7e7e;padding:5px 8px;text-decoration: none;color:#ffffff;margin-left: 15px">关注</a>
                        </div>
                        <div class="youbian2-2" style="padding-top: 17px;">
                            <img src="images/youbian1-2_06.gif" alt="" style="float: left;padding-left: 18px">
                            <span style="padding-left: 5px;display: inline-block;font-size: 12px;color:#444444;">猫头鹰叔叔</span><br>
                            <span style="padding-left: 5px;display: inline-block;font-size: 12px;color:#777777;">擅长领域：摄影</span>
                            <a href="" style="background:#ff7e7e;padding:5px 8px;text-decoration: none;color:#ffffff;margin-left: 39px">关注</a>
                        </div>
                        <div class="youbian2-3" style="padding-top: 17px;">
                            <img src="images/youbian1-3_08.gif" alt="" style="float: left;padding-left: 18px">
                            <span style="padding-left: 5px;display: inline-block;font-size: 12px;color:#444444;">兔纸鱼</span><br>
                            <span style="padding-left: 5px;display: inline-block;font-size: 12px;color:#777777;">擅长领域手工：Q版</span>
                            <a href="" style="background:#ff7e7e;padding:5px 8px;text-decoration: none;color:#ffffff;margin-left: 18px">关注</a>
                        </div>
                        <div class="youbian2-4" style="padding-top: 17px;padding-bottom: 23px">
                            <img src="images/youbian1-4_10.gif" alt="" style="float: left;padding-left: 18px">
                            <span style="padding-left: 5px;display: inline-block;font-size: 12px;color:#444444;">小熊奶黄包</span><br>
                            <span style="padding-left: 5px;display: inline-block;font-size: 12px;color:#777777;">擅长领域：壁纸Q版</span>
                            <a href="" style="background:#ff7e7e;padding:5px 8px;text-decoration: none;color:#ffffff;margin-left: 17px">关注</a>
                        </div>
                    </div>
                    <div class="youbian3" style="border-top: 1px solid #cccccc">
                        <a href="" style="font-size: 13px;text-decoration: none;padding: 15px 0 15px 97px;display: inline-block;color:#ff7e7e;">查看更多 ></a>
                    </div>
                </div>
                <div class="right-2">
                    <a href=""><img src="images/erweima_13.gif" alt=""></a>
                </div>
            </div>
        </div>

    </div>
</div>
<div class="footer">
    <div class="container">
        <div class="row">
            <div class="col-md-3 text-center">
                <div class="yz">
                    <a href="" class="a1"><p class="pp1">APP下载</p></a>
                    <a href="" class="a1"><img src="images/erwei_03.gif" alt=""></a>
                    <a href="" class="a1"><p class="pp2">扫描二维码<br>
                        下载堆糖手机客户端</p></a>
                </div>

            </div>
            <div class="col-md-3 text-center">
                <a href="" class="a1"><p class="pp1">关于我们</p></a>
                <a href="" class="a1"><p class="pp3">关于我们</p></a>
                <a href="" class="a1"><p class="pp3">加入我们</p></a>
                <a href="" class="a1"><p class="pp3">联系我们</p></a>
                <a href="" class="a1"><p class="pp3">商务合作</p></a>
            </div>
            <div class="col-md-3 text-center">
                <a href="" class="a1"><p class="pp1">关注我们</p></a>
                <a href="" class="a1"><p class="pp3">新浪微博</p></a>
                <a href="" class="a1"><p class="pp3">微信公众号</p></a>
            </div>
            <div class="col-md-3 text-center">
                <a href="" class="a1"><p class="pp1">友情链接</p></a>
                <a href="" class="a1"><span class="pp3 col-md-6 col-3">爱物网</span></a>
                <a href="" class="a1"><span class="pp3 col-md-6 col-3">东方女性网</span></a><br>
                <a href="" class="a1"><span class="pp3 col-md-6 col-3 ">肉丁网</span></a>
                <a href="" class="a1"><span class="pp3 col-md-6 col-3">更多…</span></a>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12 text-center" style="padding-bottom: 18px">
               <p class="pp3">©2019 duitang.com 版权所有。沪ICP备10038086号-3 <a href=""><img src="images/f-1_07.gif" alt=""></a>
                   <a href=""><img src="images/f-2_09.gif" alt=""></a> | 增值电信业务经营许可证：浙B2-20180610 自营经营者信息</p>
                <span class="pp3"><a href=""><img src="images/f-3_14.gif" alt=""></a>上海市互联网违法和不良信息举报中心|
                有害内容举报电话：021-63462282</span>
            </div>
        </div>
    </div>
</div>


<script src="script1/script.js"></script>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</body>
</html>